<template>
	<view class="zone">
		<u-navbar :is-back="false" :height="height" :background="background" :border-bottom="false">
			<view class="slot-wrap">
				<view class="nav-bar">
					<u-icon class="back" size="20px" :color="color" @click="$p.back()" name="arrow-left"></u-icon>
					<text>玩法攻略</text>
				</view>
			</view>
		</u-navbar>

		<view class="main">
			<image src="http://img.cpgm.cc/panda/static/feed/rule.png" mode="widthFix" />
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					background:'#D7B392'
				}
			};
		}
	}
</script>

<style lang="less">

.zone {
	min-height: 100vh;
	background: url('http://img.cpgm.cc/panda/static/feed/bg.png');
	background-size: 100% 100%;
}
.main {
	line-height: 0;
	image {
		width: 100%;
	}
}
</style>
